<template>
  <div class="navi">
    <van-nav-bar
      :title="title"
      left-text="返回"
      :flexd='flexd'
      left-arrow
      @click-left="back"
    />
  </div>
</template>

<script>
export default {
  name: "Navi",
  props: {
    title: {
      type: String,
      default: ""
    },
    flexd:{
        type:Boolean,
        default:false
    }
  },
  methods: {
    back() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="less" scoped>
/deep/.van-nav-bar .van-icon{
  color: #e4393c;
}
/deep/.van-nav-bar__text{
  color: #e4393c;
}
</style>